<!--
**********************************************************
* @Author: 张小平
* @Date:   2024-05-01
* @Email:  qqshuqian@163.com
* @Last modified: 最后修改日期
* @Description: 文件描述
**********************************************************
-->
<template>
    <basicContainer>
        <div class="submitresult" ref="submitresult">
            <div class="success-icon-wrapper">
                <i class="fa fa-check-circle fa-5x success-icon"></i>
            </div>
            <div class="tips">提交成功</div>
            <div class="sub-tips">信息已提交并保存</div>
            <div>
            <el-button
                    type="primary"
                    size="small"
                    @click="go2Url()"
            >查看详情</el-button>
        </div>
        </div>
    </basicContainer>
</template>

<script>
    import router from '@/framework-core/router';

    export default {
        data() {return {
                titleHidden:false,
                hiddenButton:false,
                extButtonList: []
            };
        },
        mounted() {

        },
        methods: {
          go2Url() {
            let up = {"pageKey":"VIEW"};
            if (this.$route.query.formId) {
              up.formId = this.$route.query.formId
            }
            if (this.$route.query.dataId) {
              up.dataId = this.$route.query.dataId
            }
            if (this.$route.query.processInstanceId) {
              up.processInstanceId = this.$route.query.processInstanceId
            }
            if (this.$route.query.taskId) {
              up.taskId = this.$route.query.taskId
            }
            router.push({path: "/form/preview", query: up});
          },
        },
        computed: {
            titleHidden() {
                return router.query?.titleHidden == 1 ? true : false;
            },
            hiddenButton() {
                return router.query?.hiddenButton === 'true' ? true : false;
            }
        }
    };
</script>

<style lang="scss" scoped>
    .submitresult {
        padding: 100px 0;
        display: block;
        text-align: center;
        background: #fff;
    }
    .submitresult .success-icon-wrapper .success-icon {
        color: #66bc5c;
        font-size: 70px;
    }

    .submitresult .tips {
        font-size: 26px;
        margin-bottom: 10px;
        font-family: PingFangSC-Regular;
        color: rgba(31, 56, 88, 0.8);
    }
    .submitresult .sub-tips {
        margin-bottom: 32px;
        color: rgba(0, 0, 0, 0.4);
    }
</style>
